.w100 {
  width: 100%;
}


/*  -- flex弹性布局 -- */

.van-picker__confirm {
  color: #EE7000;
}

.radius {
  border-radius: 8px;
  overflow: hidden;
}

.round {
  border-radius: 1000px;
}

.w100 {
  width: 100%;
}

/* ==================
          字体大小
 ==================== */
.t-xxs {
  font-size: 12px !important;
  transform: scale(0.8, 0.8);
}

.t-xss {
  font-size: 12px !important;
  transform: scale(0.9, 0.9);
}

.t-xs {
  font-size: 12px !important;
}

.t-sm {
  font-size: 13px !important;
}

.t-df {
  font-size: 14px !important;
}

.t-l {
  font-size: 15px !important;
}

.t-lg {
  font-size: 16px !important;
}

.t-lx {
  font-size: 17px !important;
}

.t-xl {
  font-size: 18px !important;
}

.t-sxl {
  font-size: 19px !important;
}

.t-xxl {
  font-size: 10px !important;
}

.t-sl {
  font-size: 22px !important;
}

.t-xsl {
  font-size: 15px !important;
}


.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.t-b {
  font-weight: bold;
}

.t-m {
  font-weight: 400 !important;
}

.t-m-x {
  font-weight: 500 !important;
}

.t-j {
  text-align: justify !important;
}

.t-c {
  text-align: center !important;
}

.t-l {
  text-align: left !important;
}

.t-r {
  text-align: right !important;
}

.v-m {
  vertical-align: middle;
}

.v-t {
  vertical-align: top;
}

/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-sub {
  flex: 1;
}

.flex-twice {
  flex: 2;
}

.flex-treble {
  flex: 3;
}

.flex-direction {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch !important;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: flex-center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}



/*  -- 内外边距 -- */

.m-0 {
  margin: 0;
}

.m-xs {
  margin: 5px;
}

.m-sm {
  margin: 10px;
}

.m {
  margin: 15px;
}

.m-lg {
  margin: 20px;
}

.m-xl {
  margin: 25px;
}

.m-t-xs {
  margin-top: 5px !important;
}

.m-t-sm {
  margin-top: 10px !important;
}

.m-t {
  margin-top: 15px !important;
}

.m-t-lg {
  margin-top: 20px !important;
}

.m-t-xl {
  margin-top: 25px !important;
}

.m-r-xs {
  margin-right: 5px;
}

.m-r-sm {
  margin-right: 10px;
}

.m-r {
  margin-right: 15px;
}

.m-r-lg {
  margin-right: 20px;
}

.m-r-xl {
  margin-right: 25px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-b-sm {
  margin-bottom: 10px;
}

.m-b {
  margin-bottom: 15px;
}

.m-b-lg {
  margin-bottom: 20px;
}

.m-b-xl {
  margin-bottom: 25px;
}

.m-l-xs {
  margin-left: 5px;
}

.m-l-sm {
  margin-left: 10px;
}

.m-l {
  margin-left: 15px !important;
}

.m-l-lg {
  margin-left: 20px;
}

.m-l-xl {
  margin-left: 25px;
}

.m-lr-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.m-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}

.m-lr {
  margin-left: 15px;
  margin-right: 15px;
}

.m-lr-lg {
  margin-left: 20px;
  margin-right: 20px;
}

.m-lr-xl {
  margin-left: 25px;
  margin-right: 25px;
}

.m-tb-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.m-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.m-tb-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m-tb-xl {
  margin-top: 25px;
  margin-bottom: 25px;
}

.p-0 {
  padding: 0 !important;
}

.p-lr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-xs {
  padding: 5px;
}

.p-sm {
  padding: 10px !important;
}

.p {
  padding: 15px !important;
}

.p-lg {
  padding: 20px;
}

.p-xl {
  padding: 25px;
}

.p-t-xs {
  padding-top: 5px;
}

.p-t-sm {
  padding-top: 10px;
}

.p-t {
  padding-top: 15px;
}

.p-t-lg {
  padding-top: 20px;
}

.p-t-xl {
  padding-top: 25px;
}

.p-t-xxl {
  padding-top: 15px;
}

.p-r-xs {
  padding-right: 5px;
}

.p-r-sm {
  padding-right: 10px;
}

.p-r {
  padding-right: 15px;
}

.p-r-lg {
  padding-right: 20px;
}

.p-r-xl {
  padding-right: 25px;
}

.p-b-xs {
  padding-bottom: 5px;
}

.p-b-sm {
  padding-bottom: 10px;
}

.p-b {
  padding-bottom: 15px;
}

.p-b-lg {
  padding-bottom: 20px;
}

.p-b-xl {
  padding-bottom: 25px;
}

.p-l-xs {
  padding-left: 5px;
}

.p-l-sm {
  padding-left: 10px;
}

.p-l {
  padding-left: 15px !important;
}

.p-l-lg {
  padding-left: 20px;
}

.p-l-xl {
  padding-left: 25px;
}

.p-lr-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.p-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}

.p-lr {
  padding-left: 15px;
  padding-right: 15px;
}

.p-lr-lg {
  padding-left: 20px;
  padding-right: 20px;
}

.p-lr-xl {
  padding-left: 25px;
  padding-right: 25px;
}

.p-tb-xxs {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.p-tb-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.p-tb-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-tb-xl {
  padding-top: 25px;
  padding-bottom: 25px;
}

.bg-white {
  background: #fff !important;
}

.bg-gray {
  background: #F5F5F5 !important;

}

.bg-base {
  background: #EE7000 !important;
}

/* ==================
          边框
 ==================== */

/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
  position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
}

.solid::after {
  border: 4px solid #F5F5F5;
}

.solid-top::after {
  border-top: 4px solid #F5F5F5;
}

.solid-right::after {
  border-right: 4px solid #F5F5F5;
}

.solid-bottom::after {
  border-bottom: 4px solid #F5F5F5;
}

.solid-left::after {
  border-left: 4px solid #F5F5F5;
}

.solids::after {
  border: 4px solid #F5F5F5;
}

.solids-top::after {
  border-top: 4px solid #F5F5F5;
}

.solids-right::after {
  border-right: 4px solid #F5F5F5;
}

.solids-bottom::after {
  border-bottom: 4px solid #F5F5F5;
}

.solids-left::after {
  border-left: 4px solid #F5F5F5;
}

/* -- 虚线 -- */

.dashed::after {
  border: 1px dashed #F5F5F5;
}

.dashed-top::after {
  border-top: 1px dashed #F5F5F5;
}

.dashed-right::after {
  border-right: 1px dashed #F5F5F5;
}

.dashed-bottom::after {
  border-bottom: 1px dashed #F5F5F5;
}

.dashed-left::after {
  border-left: 1px dashed #F5F5F5;
}



.text-base {
  color: #1A1446 !important;
}

.text-black {
  color: #323233 !important;
}

.text-gray {
  color: #aaaaaa !important;
}

.v-line {
  display: inline-block;
  width: 8px;
  height: 32px;
  background-color: #FF8E1C;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 10px;
}

.hub {
  width: 100vw;
  min-height: 100vh;
  box-sizing: border-box;
}

.linear_bg {
  background: linear-gradient(180deg, #FFD645 0%, #F0F3F9 100%);
  position: relative;
  margin-bottom: -400px;
  height: 400px;
  z-index: -1;
}

.fixed_bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--van-contact-list-add-button-z-index);
  padding-left: var(--van-padding-md);
  padding-right: var(--van-padding-md);
}




.vux-table {
  line-height: 40px;
  position: relative;
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  color: #343741;


  thead {
    font-size: 13px;
    background: #FFFCF0;
  }


  &:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #FFD28D;
    color: #c7c7c7;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-top: 1px solid #FFD28D;
    color: #c7c7c7;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }

  td,
  th {
    position: relative;
    border-right: 0;
    border-bottom: 0;
    font-weight: 400;
    font-size: 13px;
  }

  td:before,
  th:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #FFD28D;
    color: #C7C7C7;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }

  td:after,
  th:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #FFD28D;
    color: #c7c7c7;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }

  .solid-top::after {
    border-top: 1px solid #FFD28D;
  }

  tbody tr.tr-bg:nth-child(2n + 1) {
    background: #fff !important;
  }

  tbody tr.tr-bg:nth-child(2n) {
    background: #FFFCF0 !important;
  }

  .bg-head {
    background: #FFF2B6 !important;
  }
}

.safe-height {
  min-height: 50px;
  height: calc(50px);
}
